<template>
  <!-- 填表说明 -->
  <u-popup :show="popupShow" mode="bottom" border-radius="14" :closeable="false">
    <view class="mt-8 px-4 text-sm text-gray-600 space-y-2">
      <view class="mb-2 text-center text-xl text-[#1A2B5C] fw600">
        填表说明
      </view>
      <scroll-view scroll-y="true" style="height: 45vh;">
        <view class="line-height-6">
          1.请根据学生实际情况勾选，特异体质具体情况或需要说明的地方请在“备注栏”填写，并将诊断证明或医院就诊病例一并上传。<br>
          2.目前情况填写：良好或经常发作。<br>
          3.若所填信息需要学校予以保密。请在回执上予以说明。<br>
          4.如有医院特殊交代请尽可能详细说明。<br>
          5.请详细咨询医生，学生身体条件是否适合住宿。<br>
          6.请家长对自己孩子的实际情况如实和学生沟通，以利于紧急情况发生时能很好配合。<br>
          7.如学生情况不适宜长期坐立请在其他体质异常情况栏详细说明。<br>
          8.以上所有信息需家长本人认真填写，不能代填，杜绝瞒报、误报、迟报。<br>
        </view>
      </scroll-view>
      <view class="mb-2">
        <u-button
          size="default"
          shape="circle"
          class="gradient-button mb-8 mt-8"
          @click="popupShow = false"
        >
          <text class="text-lg text-white">
            我已了解
          </text>
        </u-button>
      </view>
    </view>
  </u-popup>
</template>

<script setup>
import { defineExpose, reactive, ref } from 'vue';

const popupShow = ref(false);
const init = () => {
  popupShow.value = true;
};
defineExpose({
  init,
});
</script>

<style scoped lang="scss">
:deep(.u-popup__content){
  border-radius: 15px 15px 0px 0px;
}
</style>
